@import "components/style/variables.less";

.shopping-orderProducts {
    .padding-top();
    .padding-bottom(20px);
    
    .text-primary {
        font-weight: bold;
    }

    .icon-chevron-right {
        font-size: @font-size-h4 + 4;
        position: relative;
        top: 4px;
    }

    .address {
        .icon-chevron-right {
            position: relative;
            top: -30px;
            right: 0px;
        }
    }

    footer {
        background-color: @bg-color;
    }
}

.available-coupons {
    .nav-tabs {
        background-color: @brand-primary;
        color: white;
        height: @nav-height;
        font-size: @topbar-font-size;
    }

    .modal {
        .modal-dialog {
            right: 0px;
            top: 0px;
            bottom: 0px;
            background-color: white;
            width: 100%;
            margin: 0px;
            position: fixed;

            .modal-content {
                border-radius: 0px;
                top: 0px;
                bottom: 0px;
                width: 100%;
                position: fixed;
                border: none;


                .modal-header {
                    padding: 0px;
                    background-color: white;
                    opacity: 1;
                }

                .modal-body {
                    overflow: hidden;
                }
            }
        }
    }
}
